:where(.css-dev-only-do-not-override-1261szd).ant-upload-wrapper .ant-upload-drag .ant-upload {
    padding: 13px;
}

:where(.css-dev-only-do-not-override-18afz5u).ant-form-item {
    margin-bottom: 15px;
}

:where(.css-dev-only-do-not-override-1261szd).ant-upload-wrapper .ant-upload-drag p.ant-upload-drag-icon {
    margin-bottom: 0;
}

.file-preview-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.file-card {
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding: 8px;
    width: 180px;
    background: #fafafa;
    transition: all 0.3s;

    &:hover {
        border-color: #d9d9d9;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
    }
}

.file-card-content {
    display: flex;
    align-items: center;
}

.file-icon {
    margin-right: 8px;
    font-size: 24px;
    color: #1890ff;

    i {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .file-icon-pdf {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23FF0000" d="M181.9 256.1c-5-16-4.9-46.9-2-46.9 8.4 0 7.6 36.9 2 46.9zm-1.7 47.2c-7.7 20.2-17.3 43.3-28.4 62.7 18.3-7 39-17.2 62.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1 428.1c0 .8 13.2-5.4 34.9-40.2-6.7 6.3-29.1 24.5-34.9 40.2zM248 160h136v328c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V24C0 10.7 10.7 0 24 0h200v136c0 13.3 10.7 24 24 24zm-8 171.8c-20-12.2-33.3-29-42.7-53.8 4.5-18.5 11.6-46.6 6.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5 18.3-.4 44.1 8.1 77-11.6 27.6-28.7 64.6-40.8 85.8-.1 0-.1.1-.2.1-27.1 13.9-73.6 44.5-54.5 68 5.6 6.9 16 10 21.5 10 17.9 0 35.7-18 61.1-61.8 25.8-8.5 54.1-19.1 79-23.2 21.7 11.8 47.1 19.5 64 19.5 29.2 0 31-20.2 31-22.7 0-11.1-19.1-31.7-36.7-44.7zm47.8 7.2c-6.1 6.8-21.9 25.4-43.3 25.4-5.7 0-8.5-2.6-8.5-7.9 0-5.1 3.3-16.1 14.4-24.3 8.7-6.5 22.6-12.6 37.4-12.6 0 0 .1 0 .1 0 0 4.3-.1 14.8-1.1 19.4z"/></svg>');
    }

    .file-icon-word {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%232B579A" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm57.1 120H305c7.7 0 13.4 7.1 11.7 14.7l-38 168c-1.2 5.5-6.1 9.3-11.7 9.3h-38c-5.5 0-10.3-3.8-11.6-9.1-25.8-103.5-20.8-81.2-25.6-110.5h-.5c-1.1 14.3-2.4 17.4-25.6 110.5-1.3 5.3-6.1 9.1-11.6 9.1H117c-5.6 0-10.5-3.9-11.7-9.4l-37.8-168c-1.7-7.5 4-14.6 11.7-14.6h24.5c5.7 0 10.7 4 11.8 9.7 15.6 78 20.1 109.5 21 122.2 1.6-10.2 7.3-32.7 29.4-122.7 1.3-5.4 6.1-9.1 11.7-9.1h29.1c5.6 0 10.4 3.8 11.7 9.2 24 100.4 28.8 124 29.6 129.4-.2-11.2-2.6-17.8 21.6-129.2 1-5.6 5.9-9.5 11.5-9.5zM384 121.9v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"/></svg>');
    }

    .file-icon-excel {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23217346" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm60.1 106.5L224 336l60.1 93.5c5.1 8-.6 18.5-10.1 18.5h-34.9c-4.4 0-8.5-2.4-10.6-6.3C208.9 405.5 192 373 192 373c-6.4 14.8-10 20-36.6 68.8-2.1 3.9-6.1 6.3-10.5 6.3H110c-9.5 0-15.2-10.5-10.1-18.5l60.3-93.5-60.3-93.5c-5.2-8 .6-18.5 10.1-18.5h34.8c4.4 0 8.5 2.4 10.6 6.3 26.1 48.8 20 38.2 36.6 68.8 0 0 6.1-11.7 36.6-68.8 2.1-3.9 6.2-6.3 10.6-6.3H274c9.5-.1 15.2 10.4 10.1 18.4zM384 121.9v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"/></svg>');
    }

    .file-icon-image {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%2342A5F5" d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48zm32-48h224V288l-23.5-23.5c-4.7-4.7-12.3-4.7-17 0L176 352l-39.5-39.5c-4.7-4.7-12.3-4.7-17 0L80 352v64zm48-240c-26.5 0-48 21.5-48 48s21.5 48 48 48 48-21.5 48-48-21.5-48-48-48z"/></svg>');
    }

    .file-icon-text {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23757575" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm-96 144c0 8.8-7.2 16-16 16H80v32h32c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16H80v32h32c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16v-96c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v16zm96 0c0 8.8-7.2 16-16 16h-32v32h32c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-32v32h32c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-64c-8.8 0-16-7.2-16-16v-96c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16v16zm128 0c0 8.8-7.2 16-16 16h-32v32h32c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-32v32h32c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-64c-8.8 0-16-7.2-16-16v-96c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16v16zM384 121.9v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"/></svg>');
    }

    .file-icon-zip {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23F44336" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm-64 268c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v8zm0-72v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12zm64 136c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v8zm0-72v8c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12zm64 136c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v8zm0-72v8c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12zm32-96H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9V160z"/></svg>');
    }

    .file-icon-default {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%239E9E9E" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"/></svg>');
    }
}

.file-info {
    flex: 1;
    min-width: 0;
}

.file-name {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.file-link {
    font-size: 12px;
    color: #1890ff;
    text-decoration: none;

    &:hover {
        text-decoration: underline;
    }
}